header,
footer,
#main,
#info{width: 100%; overflow: hidden; min-width: 1200px;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 鍙橀噺 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
.header_nav_wrap{position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.fix_nav{top: -148px; box-shadow: 0 0 10px #000;}
.fix_nav .nav ul li > a img{top: 3px;}
/************************header************************/
header{background: #fff;}
.header_logo{background: #fff; padding: 30px 0; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; transition: all 400ms linear; overflow: hidden; width: 100%; left: 0; top: 0; z-index: 1000;}
.header_logo h1{float: left; position: relative; top: 5px;}
.header_logo h1 span{text-indent: -999rem; display: none;}
.header_logo .wrapper > img{position: absolute; right: 250px; top: 12px;}
.header_logo .header_logo_r{float: right; width: 337px; height: 88px; background: url("../images/header_topbg.jpg") no-repeat center;}
.header_logo .header_logo_r p{margin-top: 36px;}
.header_logo .header_logo_r p b{font-size: 36px; color: #f08200;}
.nav{background: #0d66c1; height: 64px; position: relative; z-index: 100; border-top: 2px solid #f08200;}
.nav::after{display: block; content: ''; clear: both;}
.nav ul li{float: left; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; border-left: 1px solid #68aaed;}
.nav ul li:hover,
.nav ul li.n_act{color: #fff; background: #f08200 url("../images/navbg.png") no-repeat center -17px;}
.nav ul li:hover small,
.nav ul li.n_act small{color: #fff;}
.nav ul li:hover p,
.nav ul li.n_act p{visibility: visible; opacity: 1; top: 68px;}
.nav ul li:nth-of-type(1) a{border-left: 0;}
.nav ul li > a{font-size: 18px; color: #fff; display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; width: 119px; text-align: center; line-height: 64px; border-left: 1px solid #393c9b;}
.nav ul li > a span{display: block; position: relative;}
.nav ul li > a img{position: absolute; right: 0; top: -6px;}
.nav img{position: absolute; right: 0; top: 0;}
.banner{margin-top: 214px;}
.banner .box_skitter .info_slide_dots .image_number{height: 6px; width: 35px; border-radius: 5px;}
.banner .box_skitter .info_slide_dots .image_number{background: #0d66c1; opacity: 0.8;}
.banner .box_skitter .info_slide_dots .image_number_select,
.banner .box_skitter .info_slide_dots .image_number_select:hover{background: #fff;}
/************************main************************/
/*-------------------------------------------------------------------------product_type 棣栭〉浜у搧鍒嗙被鍙婄儹閿€-----------------------------------------------------------------------------------*/
.index_pro{overflow: hidden;}
.ind_type{margin-bottom: 40px; position: relative; z-index: 3;}
.ind_type::after{display: block; content: ''; clear: both;}
.ind_type ul{float: left;}
.ind_type ul li{width: 255px; float: left; background: #f4f5f5; height: 160px; border-right: 1px dotted #ccc; position: relative; cursor: pointer;}
.ind_type ul li:hover div{opacity: 1; visibility: visible;}
.ind_type ul li:hover span,
.ind_type ul li.ind_act span{color: #0d66c1;}
.ind_type ul li:hover p:after,
.ind_type ul li.ind_act p:after{transform: scale(1);}
.ind_type ul li span{display: block; text-align: center; width: 100%; color: #505050; font-weight: bold; position: absolute; left: 0; bottom: 25px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li p{position: absolute; left: 0; top: 30px; width: 100%; height: 70px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li p i{background-repeat: no-repeat; background-position: center; width: 100%; height: 70px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; display: block; z-index: 2; position: relative;}
.ind_type ul li p:after{display: block; content: ''; width: 92px; height: 92px; background: url("../images/case_icobg.png") no-repeat center; position: absolute; left: 50%; top: 50%; transform: scale(0); margin-left: -48px; margin-top: -48px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li:nth-of-type(1) i{background-image: url("../images/case_ico1.png");}
.ind_type ul li:nth-of-type(2) i{background-image: url("../images/case_ico2.png");}
.ind_type ul li:nth-of-type(3) i{background-image: url("../images/case_ico3.png");}
.ind_type ul li:nth-of-type(4) i{background-image: url("../images/case_ico4.png");}
.ind_type ul div{position: absolute; left: 0; top: 160px; background: #fff; padding: 20px; width: 100%; box-sizing: border-box; box-shadow: 0 3px 3px #ccc; opacity: 0; visibility: hidden; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul div:before{display: block; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #0d66c1; position: absolute; left: 50%; margin-left: -8px; top: 0;}
.ind_type ul div a{display: block; font-size: 15px; color: #666; margin-bottom: 8px; padding-left: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul div a:before{display: inline-block; width: 8px; height: 8px; border: 1px solid #ccc; content: ''; margin-right: 5px;}
.ind_type ul div a:hover{color: #0d66c1;}
.ind_type > a{width: 170px; background: #0d66c1 url("../images/index_type1.jpg") no-repeat right bottom; display: block; float: left; text-align: center; font-size: 22px; color: #fff; font-weight: bold; height: 160px; box-sizing: border-box; padding-top: 40px;}
.ind_pro_list{width: 715px; overflow: hidden; position: relative; padding-bottom: 40px; float: left;}
.ind_pro_list li{width: 346px; height: 260px; overflow: hidden; position: relative; border: 1px solid #ccc; box-sizing: border-box;}
.ind_pro_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ind_pro_list li b{display: block; line-height: 52px; width: 100%; background: rgba(0, 0, 0, 0.71); color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; font-weight: 500; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_pro_list li:hover b{background: rgba(29, 32, 129, 0.71);}
.ind_pro_mes{width: 460px; float: right;}
.ind_pro_mes p{overflow: hidden;}
.ind_pro_mes p a{width: 228px; line-height: 58px; text-align: center; float: left; color: #fff; display: block;}
.ind_pro_mes p a:nth-of-type(1){background: #0d66c1;}
.ind_pro_mes p a:nth-of-type(2){background: #f08200;}
.ind_pro_mes form{background: #f4f4f4; padding: 30px;}
.ind_pro_mes form input{width: 100%; line-height: 45px; height: 45px; background: #fff; border: 1px solid #ccc; text-indent: 10px; font-family: "Microsoft YaHei"; margin-bottom: 16px; outline: none;}
.ind_pro_mes form textarea{display: block; width: 100%; padding: 10px; font-family: "Microsoft YaHei"; box-sizing: border-box; border: 1px solid #ccc;}
.ind_pro_mes form .input-group-i{margin-top: 20px;}
.ind_pro_mes form .input-group-i input{width: 150px; line-height: 45px; height: 45px; border: 1px solid #ccc; display: inline-block;}
.ind_pro_mes form .input-group-i img{display: inline-block; height: 40px; position: relative; top: 15px;}
.ind_pro_mes form button{line-height: 56px; height: 56px; color: #0d66c1; text-align: center; border: 1px solid #0d66c1; display: block; font-family: "Microsoft YaHei"; background: none; width: 100%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; cursor: pointer; font-size: 18px;}
.ind_pro_mes form button:hover{background: #f08200; color: #fff; border: 1px solid #f08200;}
/*-------------------------------------------------------------------------company 棣栭〉鍏徃绠€浠�------------------------------------------------------------------------------------*/
.company{overflow: hidden; background: url("../images/comapny_bg.jpg") no-repeat center; background-size: cover; position: relative; padding-bottom: 140px;}
.company .com_left{overflow: hidden; float: left; width: 724px; padding: 30px; background: #fff;}
.company .com_left b{display: block; font-size: 24px; color: #3e3e3e; margin-bottom: 20px;}
.company .com_left img{float: left; width: 233px;}
.company .com_left p{width: 460px; float: right;}
.company .com_left p span{font-size: 14px; color: #6e6e6e; line-height: 30px; display: block;}
.company .com_left p a{display: inline-block; width: 140px; line-height: 40px; color: #fff; text-align: center; margin-right: 10px; background: #0d66c1; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.company .com_left p a:last-of-type{margin-right: 0;}
.company .com_left p a:hover{background: #f08200;}
.company .honor{width: 320px; padding: 20px; background: #fff; overflow: hidden; float: right; position: relative;}
.company .honor .swiper-honor{overflow: hidden;}
.company .honor .swiper-honor li{text-align: center;}
.company .honor .swiper-honor li p{height: 220px;}
.company .honor .swiper-honor li p img{width: 100%; height: 100%; object-fit: contain; display: block;}
.company .honor .swiper-honor li small{display: block; font-size: 14px; color: #666; margin-top: 21px;}
.company .com_cj{overflow: hidden; background: #fff; padding: 30px; margin-top: 25px; position: relative;}
.company .com_cj .swiper-hj{overflow: hidden;}
.company .com_cj li{text-align: center;}
.company .com_cj li p{height: 188px;}
.company .com_cj li p img{width: 100%; height: 100%; object-fit: contain; display: block;}
.company .com_cj li small{display: block; font-size: 14px; color: #666; margin-top: 10px;}
/*-------------------------------------------------------------------------ys 棣栭〉浼樺娍------------------------------------------------------------------------------------*/
.main_title{text-align: center; padding: 65px 0 40px 0;}
.main_title img{display: block; margin: 0 auto;}
.main_title small{display: block; font-size: 18px; color: #878787; margin-top: 25px; font-weight: 300;}
.ys{background: #efefef; padding-bottom: 100px;}
.ys .wrapper{background: #fff; box-sizing: border-box; padding: 45px; position: relative; margin-top: -50px;}
.ys .ys_title{text-align: center; padding: 20px 0 40px;}
.ys .ys_list li{overflow: hidden; margin-bottom: 20px;}
.ys .ys_list li img{float: left;}
.ys .ys_list li .ys_list_r{float: right; width: 560px; margin-top: 40px;}
.ys .ys_list li .ys_list_r div{overflow: hidden; margin-bottom: 56px;}
.ys .ys_list li .ys_list_r div > span{float: left; width: 75px; text-align: center; display: block;}
.ys .ys_list li .ys_list_r div > span > *{display: block;}
.ys .ys_list li .ys_list_r div > span b{color: #f08200; font-size: 40px;}
.ys .ys_list li .ys_list_r div > span small{font-size: 12px; color: #a9a9a9; transform: scale(0.9);}
.ys .ys_list li .ys_list_r div p{float: right; width: 460px;}
.ys .ys_list li .ys_list_r div p > *{display: block;}
.ys .ys_list li .ys_list_r div p b{font-size: 30px; color: #444444;}
.ys .ys_list li .ys_list_r div p small{font-size: 14px; color: #a9a9a9; margin-bottom: 10px;}
.ys .ys_list li .ys_list_r div p span{font-size: 16px; color: #818080;}
.ys .ys_list li:nth-of-type(2) img{float: right;}
.ys .ys_list li:nth-of-type(2) .ys_list_r{float: left;}
/*-------------------------------------------------------------------------xbanner 灏廱anner------------------------------------------------------------------------------------*/
.xbanner{overflow: hidden; background: url("../images/xbanner.jpg") no-repeat center; height: 264px; color: #fff;}
.xbanner p{float: left; width: 655px; line-height: 36px; background: #3244b5; border-radius: 30px; margin-top: 180px;}
.xbanner p small{display: inline-block; width: 24%; text-align: center; position: relative;}
.xbanner p small:before{display: block; content: ''; width: 9px; height: 9px; background: #f08200; position: absolute; left: 32px; top: 50%; margin-top: -4.5px; border-radius: 50%;}
.xbanner .xbanner_tel{float: left; width: 255px; margin: 75px 0 0 110px;}
.xbanner .xbanner_tel > *{display: block;}
.xbanner .xbanner_tel small{font-size: 16px; background: url("../images/xbanner_tel.png") no-repeat left center; padding-left: 22px;}
.xbanner .xbanner_tel b{font-size: 32px; margin: 10px 0;}
.xbanner .xbanner_tel a{display: block; width: 246px; line-height: 34px; color: #fff; border-radius: 30px; background: #f08200 url("../images/xbanner_ico.png") no-repeat 20px center; text-indent: 50px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.xbanner .xbanner_tel a:hover{text-decoration: underline;}
.xbanner .xbanner_ewm{float: right; text-align: center; margin-top: 72px;}
.xbanner .xbanner_ewm > *{display: block;}
.xbanner .xbanner_ewm small{margin-top: 10px; display: block;}
/*-------------------------------------------------------------------------video 瑙嗛------------------------------------------------------------------------------------*/
.video{overflow: hidden;}
.video .video_list{overflow: hidden; position: relative;}
.video .video_list li{width: 393px; height: 280px;}
.video .video_list li img{display: block; width: 100%; height: 100%;}
/*-------------------------------------------------------------------------pjzx 瀹㈡埛妗堜緥------------------------------------------------------------------------------------*/
.pjzx{background: #f7f7f7 url("../images/pj_bg.jpg") no-repeat center top; margin-top: 50px; padding-top: 70px; padding-bottom: 50px;}
.pjzx .pj_list{overflow: hidden; position: relative; padding-bottom: 40px;}
.pjzx .pj_list li{background: #fff; border: 1px solid #ccc; box-sizing: border-box;}
.pjzx .pj_list li p{height: 210px; position: relative; background: #fff;}
.pjzx .pj_list li p:before{display: block; content: ''; width: 100%; height: 100%; background: rgba(29, 32, 129, 0.62); opacity: 0.7; position: absolute; left: 0; top: -101%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li p small{position: absolute; color: #fff; text-align: center; display: block; width: 100%; left: 0; top: 0; font-size: 16px; background: url("../images/pj_more.png") no-repeat center bottom; padding-bottom: 40px; visibility: hidden; opacity: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li p img{display: block; width: 100%; height: 100%; object-fit: contain; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li span{display: block; line-height: 50px; height: 50px; font-size: 16px; color: #6a6a6a; text-align: center; border-top: 1px solid #ccc;}
.pjzx .pj_list li:hover p:before{opacity: 1; top: 0;}
.pjzx .pj_list li:hover small{top: 80px; opacity: 1; visibility: visible;}
.pjzx .pj_more{display: block; width: 154px; line-height: 40px; background: #fff; border: 1px solid #ccc; text-align: center; font-size: 14px; color: #6a6a6a; border-radius: 30px; margin: 30px auto 0 auto; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_more:hover{background: #0d66c1; color: #fff; border: 1px solid #fff;}
/*news*/
.news{overflow: hidden; margin-bottom: 70px;}
.news .new_tit{background: #0d66c1; color: #fff; padding: 0 20px; line-height: 70px; overflow: hidden;}
.news .new_tit a{float: right; color: #fff;}
.news .new_tit a:hover{text-decoration: underline;}
.news .new_tit img{position: relative; top: 5px;}
.news .news_left{width: 380px; float: left;}
.news .news_left .new_l_top{margin-top: 12px;}
.news .news_left .new_l_top a{width: 184px; height: 74px; float: left; display: block; border: 1px solid #ccc; margin: 0 12px 12px 0; padding: 5px; box-sizing: border-box;}
.news .news_left .new_l_top a:nth-of-type(even){margin-right: 0;}
.news .news_left .new_l_top a img{width: 100%; height: 100%; display: block; object-fit: contain;}
.news .news_center{width: 380px; float: left; margin-left: 24px;}
.news .news_center .news_c_con{background: #f1f1f1; padding: 20px;}
.news .news_center .news_c_con p{padding: 10px; background: #fff;}
.news .news_center .news_c_con p a > *{display: block; font-size: 14px;}
.news .news_center .news_c_con p b{color: #333333; margin: 10px 0; display: block;}
.news .news_center .news_c_con p small{color: #b7b7b7;}
.news .news_center ol li{overflow: hidden; border-bottom: 1px dotted #c3c3c3; font-size: 14px; color: #4d4d4d; padding: 9px 0;}
.news .news_center ol li:hover span{color: #f08200;}
.news .news_center ol li small{float: right; font-size: 14px;}
.news .news_center ol li a{display: block;}
.news .news_right{float: right; width: 380px;}
.news .news_right .news_right_c{padding: 10px; background: #f1f1f1;}
.news .news_right .news_right_c ul li{overflow: hidden; border-bottom: 1px dashed #ccc; background: url("../images/qabg.jpg") no-repeat left top; padding-left: 40px; margin-bottom: 20px; padding-bottom: 26px;}
.news .news_right .news_right_c ul li a{display: block; overflow: hidden;}
.news .news_right .news_right_c ul li a:hover b{color: #0d66c1;}
.news .news_right .news_right_c ul li a b{display: block; font-size: 16px; color: #3e3e3e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 10px;}
.news .news_right .news_right_c ul li a small{display: block; font-size: 14px; color: #a6a6a6;}
/*product*/
ul.pro_list{width: 950px;}
ul.pro_list li{width: 270px; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0; box-sizing: border-box;}
ul.pro_list li p{height: 272px; background: #fff; position: relative; width: 100%; border-bottom: 0;}
ul.pro_list li p img{display: block; width: 100%; height: 100%; object-fit: cover;}
ul.pro_list li div{background: #f3f3f3; text-align: center; padding: 10px 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
ul.pro_list li div small{display: block; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 5px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 21px; overflow: hidden;}
ul.pro_list li div span{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-size: 14px;}
ul.pro_list li:hover div{background: #0d66c1; color: #fff;}
ul.pro_list li:hover small{color: #fff;}
ul.pro_list li:hover span{color: #fff;}
.pro_right{width: 875px; background: #fff; padding: 20px; overflow: hidden; float: right; box-shadow: 0 0 25px #ccc;}
/*sidebar*/
/*left*/
.allleft1{width: 227px; height: 100%; overflow: hidden; float: left;}
.l_ser{width: 100%; height: 100%; overflow: hidden;}
.l_serlogo{width: 100%; height: 71px; line-height: 71px; background-color: #f08200; color: #FFF; font-size: 19px; font-weight: bold;}
.l_serlogo1{padding-left: 30px; padding-right: 13px;}
.l_serlogo2{font-family: Arial, Helvetica, sans-serif;}
.l_sercon{width: 100%; height: auto; overflow: hidden; background-color: #0e5097; padding-bottom: 20px;}
.pro_li{width: 100%; /* height: 50px; */ line-height: 50px; margin: 0 auto;}
.class2181{width: 9px; height: 9px; display: block; float: left; margin: 20px 10px 0px 35px; background: url(../images/serabg.png) no-repeat left;}
.pro_li a{width: 100%; height: 50px; display: block; background: url(../images/serabgb.png) no-repeat bottom center; color: #FFF; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pro_li a:hover{background-color: #0a5bb2; text-indent: 5px; text-decoration: none;}
.l_cont{width: 100%; height: auto; overflow: hidden; padding-top: 20px;}
.l_contcon{width: 100%; height: auto; overflow: hidden; padding-top: 10px; padding-bottom: 20px; background-color: #0e5097; font-size: 12px;}
.l_contcon ul{width: 85%; height: auto; overflow: hidden; margin: 0 auto; color: #FFF;}
.l_contcon ul li{margin-bottom: 6px;}
.l_contcon ul a{color: #FFF;}
#one{width: 100%; height: auto; line-height: 36px; display: block; transition: all 0.4s linear;}
#one .one1{width: 100%; height: 36px; display: block; font-family: Microsoft YaHei; color: #fff; font-size: 16px; background: url(../images/12.png) no-repeat 20px; background-color: #167fd4; transition: all 0.4s linear; text-indent: 52px;}
#one .one1:hover{color: #FFF; background: url(../images/12.png) no-repeat 20px; background-color: #0470c7; text-decoration: none; text-indent: 57px; transition: all 0.4s linear;}
.class2181{width: 9px; height: 9px; display: block; float: left; margin: 20px 10px 0px 35px; background: url(../images/serabg.png) no-repeat left;}
.prolistcon{width: 100%; height: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 20px;}
.prolistcon > ul > li{width: 100%; height: auto; line-height: 50px; margin: 0 auto;}
.prolistcon > ul > li > a{width: 100%; height: 50px; display: block; background: url(../images/serabgb.png) no-repeat bottom center; color: #FFF; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.level-2 a:hover{background-color: #0a5bb2; text-indent: 5px; text-decoration: none;}
.minsub{width: 100%; /* height: auto; */ /* overflow: hidden; */ /* padding-bottom: 6px; */ /* background: none; */}
.level-3{width: 100%; height: 30px; line-height: 30px; text-indent: 55px; background: none;}
.level-3 a{width: 100%; height: 30px; display: block; color: #1a95f1; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.level-3 a:hover{background-color: #1566be; color: #FFF; text-decoration: none; text-indent: 60px;}
.sidebar{width: 210px; float: left; background: #fff; padding: 26px 20px 10px 20px; box-shadow: 0 0 25px #ccc;}
.sidebar h4{font-size: 30px; color: #0d66c1; margin-bottom: 20px;}
.sidebar ul li{border-bottom: 1px solid #ccc;}
.sidebar ul li:hover > a,
.sidebar ul li.act > a{background: #f08200; color: #fff;}
.sidebar ul li > a{display: block; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 45px; line-height: 45px; overflow: hidden; color: #333; width: 100%; text-indent: 8px; font-size: 13px;}
.sidebar ul li p a{display: block; font-size: 14px; text-indent: 20px; margin-top: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.sidebar ul li p a:hover{color: #0d66c1; font-weight: bold;}
.sidebar .sidebar_con{background: #0d66c1; padding: 25px; margin-top: 60px;}
.sidebar .sidebar_con p{background-repeat: no-repeat; background-position: left 5px; padding-left: 25px; margin-bottom: 22px;}
.sidebar .sidebar_con p:nth-of-type(1){background-image: url("../images/s1.png");}
.sidebar .sidebar_con p:nth-of-type(2){background-image: url("../images/s2.png"); margin-bottom: 0;}
.sidebar .sidebar_con p small{display: block; font-size: 14px; color: #fff;}
.sidebar .sidebar_con p b{font-size: 20px; color: #fff;}
.sidebar .sidebar_con p span{display: block; font-size: 14px; color: #fff;}
/* Footer----------------------------------------*/
footer{background: #252645; overflow: hidden; padding-top: 130px; padding-bottom: 60px;}
footer .wrapper > img{position: absolute; left: 50%; margin-left: -196px; top: -130px;}
footer .f_rem{float: left; width: 525px; overflow: hidden;}
footer .f_rem div{float: left;}
footer .f_rem div img{width: 120px;}
footer .f_rem p{float: right; width: 255px;}
footer .f_rem p > *{display: block;}
footer .f_rem p b{font-size: 32px; color: #f08200; margin-bottom: 15px;}
footer .f_rem p small{font-size: 14px; color: #585979;}
footer .f_right{float: right; width: 430px;}
footer .f_right ul{overflow: hidden;}
footer .f_right ul li{float: left; width: 25%;}
footer .f_right ul li a{font-size: 16px; color: #fff;}
footer .f_right p{color: #585979; font-size: 14px; margin-top: 20px;}
footer .f_right p small{display: block; font-size: 14px;}
footer .f_right p a{color: #585979;}
footer .f_right p a:hover{color: #fff;}
footer .f_links{overflow: hidden; margin-top: 45px;}
footer .f_links b{width: 158px; line-height: 60px; background: url("../images/linksbg.jpg") no-repeat center; color: #fff; text-indent: 40px; display: block; float: left; background-size: cover;}
footer .f_links p{line-height: 60px; background: #303254;}
footer .f_links p a{font-size: 14px; color: #fff; margin-left: 20px;}
footer .f_links p a:hover{text-decoration: underline;}
/*-------------------------------------------------------------------------浼佷笟瑙嗛 info_company------------------------------------------------------------------------------------*/
.news_list_con{background: #fff;}
.news_list_con ul li{overflow: hidden; padding: 30px 20px; border-bottom: 1px solid #ccc; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative;}
.news_list_con ul li:hover{background: #eee;}
.news_list_con ul li:hover div.bdsharebuttonbox{opacity: 1;}
.news_list_con ul li a:hover b{color: #0d66c1;}
.news_list_con ul li img{float: left; width: 212px; height: 127px; display: none;}
.news_list_con ul li p,
.news_list_con ul li div.l_con{float: right; width: 100%; position: relative; height: 125px;}
.news_list_con ul li p a,
.news_list_con ul li div.l_con a{display: block;}
.news_list_con ul li p a:hover span,
.news_list_con ul li div.l_con a:hover span{background: #f08200;}
.news_list_con ul li p b,
.news_list_con ul li div.l_con b{display: block; font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.news_list_con ul li p span,
.news_list_con ul li div.l_con span{display: block; font-size: 14px; color: #666; line-height: 30px; width: 120px; background: #0d66c1; color: #fff; text-align: center; margin-top: 72px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_list_con ul li p small,
.news_list_con ul li div.l_con small{display: block; font-size: 14px; position: absolute; left: 0; bottom: 47px; color: #666;}
.news_list_con ul li div.bdsharebuttonbox{position: absolute; right: 0; bottom: 0; opacity: 0;}
/*-------------------------------------------------------------------------鍏充簬鎴戜滑璇︽儏椤� info_company------------------------------------------------------------------------------------*/
.info_company_title{text-align: center; padding: 80px 0 60px;}
.info_company_title b{display: block; font-size: 40px; color: #373737;}
.info_company_title small{display: block; font-size: 16px; color: #373737;}
.info_company{overflow: hidden;}
.info_ys{margin-top: 50px;}
.info_ys .info_ys_1{overflow: hidden;}
.info_ys .info_ys_1 p{float: left; width: 50%; background: #f2f2f2; height: 388px; padding: 70px 52px; box-sizing: border-box;}
.info_ys .info_ys_1 p > *{display: block;}
.info_ys .info_ys_1 p strong{font-size: 60px; color: #fff;}
.info_ys .info_ys_1 p b{display: block; font-size: 30px; color: #444444; margin-top: -40px; position: relative; z-index: 2; margin-bottom: 10px;}
.info_ys .info_ys_1 p small{display: block; font-size: 16px; color: #818080; line-height: 30px;}
.info_ys .info_ys_1 img{float: right; width: 50%;}
.info_ys .info_ys_2{overflow: hidden;}
.info_ys .info_ys_2 img{float: left; width: 50%;}
.info_ys .info_ys_2 p{width: 50%; float: left;}
.info_ys .info_ys_2 p small{display: block; height: 194px; font-size: 16px; color: #818080; padding: 52px; box-sizing: border-box;}
.info_ys .info_ys_2 p small:nth-of-type(1){background: #e9e9e9;}
.info_ys .info_ys_2 p small:nth-of-type(2){background: #f2f2f2;}
.info_fc{width: 100%; overflow: hidden;}
#certify{position: relative;}
#certify .swiper-container{padding-bottom: 60px; overflow: inherit;}
#certify .swiper-slide{width: 520px; height: 355px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide div{text-align: center; width: 100%;}
#certify .swiper-slide img{display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain;}
#certify .swiper-slide p{line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;}
#certify .swiper-pagination{width: 100%; bottom: -40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc; background-color: #fff;}
#certify .swiper-button-prev{left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px; background-size: 100%;}
#certify .swiper-button-next{right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px; background-size: 100%;}
/*鍚堜綔浼欎即*/
.hezuo_list{overflow: hidden;}
.hezuo_list li{width: 186px; height: 94px; border: 1px solid #ccc; padding: 5px; float: left; margin: 0 20px 20px 0;}
.hezuo_list li img{display: block; width: 100%; height: 100%; object-fit: contain;}
/*info_case*/
.honor_list{width: 1250px;}
.honor_list li{float: left; position: relative; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 383px; height: 285px;}
.honor_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.honor_list li span{display: block; width: 100%; background: #0d66c1; color: #f5f5f5; line-height: 40px; position: absolute; bottom: 0; left: 0; text-align: center; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li div{position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li:hover div{border: 10px solid #0d66c1;}
.honor_list li:hover span{bottom: 20px;}
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*page*/
.prev_next a:hover{color: #da0922;}
.prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #da0922;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
.prev_next .prev,
.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
.prev_next .prev a:hover,
.prev_next .next a:hover{color: #da0922;}
.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*location*/
/*product-info*/
/*缂╃暐鍥�*/
.concompanycon table{margin-left: 2px;}
.concompanycon table th{color: #444444; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei', arial; text-align: right; vertical-align: top; padding-top: 9px;}
.concompanycon table td select{font-family: 'Microsoft YaHei', arial; font-size: 14px; width: 278px; height: 32px; text-indent: 8px; border: 1px solid #d2d4d6; margin: 5px auto 6px 5px; background: #FFF; margin-left: -3px;}
.concompanycon table td ul{list-style: none; position: absolute;}
.concompanycon table td ul li{font-family: 'Microsoft YaHei', arial; font-size: 14px; line-height: 28px; text-indent: 8px; width: 276px; height: 28px; border-left: 1px solid #d2d4d6; border-right: 1px solid #d2d4d6; background: #FFF;}
.concompanycon table td ul li a{display: block; text-decoration: none; color: #444444;}
.concompanycon table td ul li a:hover{color: #fe7d0c;}
.concompanycon table td ul li:last-child{border-bottom: 1px solid #d2d4d6;}
.concompanycon table td input{font-size: 14px; width: 276px; height: 28px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td .yanzheng{width: 101px;}
.concompanycon table td textarea{resize: none; width: 545px; height: 178px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td img{vertical-align: middle; margin-left: 5px; margin-bottom: 4px;}
.concompanycon table td .but{width: 74px; height: 31px; line-height: 27px; background: #d1020c; border-radius: 2px; border: none; text-align: center; margin-top: 14px; margin-left: 5px; font-size: 14px; font-family: 'Microsoft YaHei', SimHei, sans-serif; color: #FFF;}
.pro_img_left{width: 580px; border: 1px solid #ccc; height: 385px; position: relative; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.pro_img_left img{max-height: 100%; max-width: 100%;}
#info{padding-bottom: 0px;}
.location{background: #fff;}
.location b a{padding-right: 10px; display: inline-block;}
.info2 + footer{margin-top: 0;}
/*鐩稿唽*/
.swiper-container-xc{position: relative; overflow: hidden;}
.swiper-container-xc{position: relative; overflow: hidden;}
.info_pro{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px;}
.pro-img{float: left; width: 420px; padding: 0 10px;}
.info_pro-text{float: right; width: 420px; margin-top: 0px;}
.info_pro-text h4{font-size: 22px; color: #11509b; padding-bottom: 10px;}
.info_pro-text > small{background: #eee; line-height: 30px; padding: 20px; display: block; margin: 20px 0;}
.info_pro-text ul li{margin-top: 5px;}
.info_pro-text ul li small{display: inline-block; width: 60px; color: #a9a8a8; font-size: 14px; float: left; margin-top: 2px;}
.info_pro-text ul li span{color: #333; font-size: 14px;}
.info_pro-text ul li b{color: #c8171e; font-size: 35px;}
.info_pro-text ul li:nth-of-type(2) small{margin-top: 15px;}
.info_pro-text p{overflow: hidden; margin-top: 15px; margin-bottom: 15px;}
.info_pro-text p a{display: block; margin-right: 10px; float: left; font-size: 14px; text-align: center; color: #11509b; width: 157px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden; height: 35px; line-height: 35px; transition: all 0.2s linear 0s; background: rgba(17, 80, 155, 0.07); border: 1px #11509b solid;}
.info_pro-text p a:hover{background: #11509b; color: #fff; border: 1px solid #11509b;}
.i_pro_con > h4{font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 20px;}
.p_content b,
.p_content strong{font-size: 16px;}
.p_content img,
.p_content embed{margin: 0 auto !important; display: inline-block;}
.p_content embed{width: 500px !important; height: 400px !important; display: block;}
.p_content b.b_title,
.p_content strong.b_title{font-size: 16px !important; background: #00458E; color: #fff; display: inline-block; padding: 5px 10px !important;}
.p_content p.p_title{border-bottom: 1px solid #00458E !important; margin-bottom: 15px !important;}
.swiper-container{width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.gallery-top{width: 100%; height: 380px;}
.gallery-top img{display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs{height: 90px; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide{width: 25%; height: 100%; border: 1px solid #ccc; box-sizing: border-box; /*opacity: 0.5;*/}
.gallery-thumbs .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs .swiper-slide-thumb-active{opacity: 1 !important;}
.p_content{font-size: 15px; line-height: 30px; color: #6b6b6b;}
.p_content img{max-width: 100% !important; margin: 0 auto; display: inline-block;}
.p_content table{width: 95% !important; word-break: break-all; text-align: center; margin: 0 auto;}
.p_content table tr{background: #fff !important;}
.p_content table td{padding-left: 10px; background: #fff !important;}
.p_content2{color: #6e6e6e; line-height: 35px;}
.p_content2 p{text-indent: 2rem;}
.info_pro-text_ol{margin-bottom: 40px;}
.info_pro-text_ol li{font-size: 14px; line-height: 38px; border-bottom: 1px solid #ccc; color: #666;}
.info_pro-text_ol li span{width: 65px; display: inline-block;}
.info_pro-text_ol li small{font-size: 14px;}
/*i_pro_others*/
.i_pro_others{margin-top: 45px;}
.info-tj{text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 20px;}
.info-tj b{display: block; font-size: 30px; font-weight: 500; color: #11509b;}
.info-tj small{display: block; font-size: 16px; color: #999;}
.swiper-container-xc{padding-bottom: 36px;}
.pro-list-gallery{width: 900px;}
.pro-list-gallery li{float: left; width: 415px; overflow: hidden; margin-right: 15px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 23px;}
.pro-list-gallery li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.pro-list-gallery li:hover span{background: #11509b;}
.pro-list-gallery li p{width: 100%; border: 1px solid #ccc; box-sizing: border-box; background: #fff; height: 311px; position: relative;}
.pro-list-gallery li p img{max-width: 100%; max-height: 100%; display: block; width: 100%; height: 100%; object-fit: contain;}
.i_pro_others::after{display: block; content: ''; clear: both;}
.i_pro_others .pro-list-others{width: 870px;}
.i_pro_others .pro-list-others li{float: left; width: 268px; overflow: hidden; margin-right: 20px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.i_pro_others .pro-list-others li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_pro_others .pro-list-others li:hover span{background: #c8171e;}
.i_pro_others .pro-list-others li p{width: 100%; border: 1px solid #ccc; box-sizing: border-box; height: 190px; position: relative;}
.i_pro_others .pro-list-others li p img{display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.i_pro_others .pro-list-others li span{display: block; height: 40px; overflow: hidden; width: 100%; line-height: 40px; background: #666; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
/*i_pro_order*/
.i_pro_order{padding-top: 60px; overflow: hidden; padding-bottom: 100px; margin-top: 0;}
.i_pro_order .i_pro_con_left{float: left; width: 390px; overflow: hidden;}
.i_pro_order .form_i{margin-bottom: 10px;}
.i_pro_order .form_i textarea{width: 255px; height: 96px;}
.i_pro_order .form_i select{height: 30px; line-height: 30px;}
.i_pro_order .form_i span{display: inline-block; width: 75px; font-size: 14px; text-align-last: justify; color: #666;}
.i_pro_order .form_i input{display: inline-block; line-height: 30px; height: 30px; width: 255px;}
.i_pro_order button{display: block; width: 250px; line-height: 35px; background: #11509b; color: #fff; text-align: center; border: 0; font-family: 'Microsoft YaHei', SimHei, sans-serif; margin-left: 78px;}
.i_pro_con_right{float: right; width: 440px; margin-right: 4px;}
.i_pro_con_right #allmap{width: 100%; height: 194px; float: none;}
.i_pro_con_right h3{font-size: 22px; font-weight: 500; margin-top: 5px; margin-bottom: 5px;}
.i_pro_con_right ul li{font-size: 15px; margin-bottom: 10px; color: #666;}
#sub_bar_nav{position: fixed;right: 10px;bottom: 10px;z-index: 10000;width: 96px;background: #0d66c1;}
#sub_bar_nav ul{border: 1px #d1d1d1 solid; padding: 2px 0; height: auto; overflow: hidden;}
#sub_bar_nav li{display: block; line-height: 40px; color: #FFF; height: 40px; margin-bottom: 2px; font-size: 14px;}
#sub_bar_nav li:hover{background: #c8171e;}
#sub_bar_nav li a{display: block;float: left;height: 40px;line-height: 40px;margin: 0 11px;background: url(../images/dot.gif) repeat-x left bottom;clear: both;color: #FFF;font-size: 12px;}
#sub_bar_nav li a.no{background: none;}
#sub_bar_nav a:hover{color: #FFF; background: none;}
#sub_bar_nav li:hover a{color: #FFF; background: none;}
#sub_bar_nav li a.mainList i{display: block; float: left; background: url(../images/p1.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.mainList:hover i{background: url(../images/p1.png) no-repeat -22px center;}
#sub_bar_nav li a.biaoge i{display: block; float: left; background: url(../images/p2.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.biaoge:hover i{background: url(../images/p2.png) no-repeat -22px center;}
#sub_bar_nav li a.working i{display: block; float: left; background: url(../images/p4.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.working:hover i{background: url(../images/p4.png) no-repeat -20px center;}
#sub_bar_nav li a.data0 i{display: block; float: left; background: url(../images/p5.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.data0:hover i{background: url(../images/p5.png) no-repeat -16px center;}

/*location*/
.location{overflow: hidden; line-height: 60px; font-size: 14px; background: #eee; margin-bottom: 40px; color: #666;}
.location i{padding-right: 5px; font-size: 25px;}
.location a{color: #666; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.location a:hover{color: #0d66c1;}
.location b{float: left; font-size: 20px; font-weight: 300;}
.location span{float: right;}
/*鑱旂郴鎴戜滑*/
.info_title_all{text-align: center; padding: 0 0 45px;}
.info_title_all h3{display: block; font-size: 36px; color: #434242; margin-bottom: 15px;}
.info_title_all small{font-size: 20px; color: #848484; font-family: pictos;}
.info_title_all b{font-size: 20px; color: #0d66c1; display: block; margin-top: 20px;}
.info_contact{overflow: hidden;}
.h-contact-list{background-color: #fff; width: 48%; float: left; overflow: hidden;}
.h-contact-list ul{margin: 0 20px; width: 92%;}
.h-contact-li{position: relative; padding: 23px 10px 22px 50px; border-bottom: 1px solid #D2D2D2; font-size: 16px;}
.h-contact-li:last-child{border: none;}
.h-contact-li .ico{position: absolute; left: 0; top: 25px; display: block; width: 32px; height: 32px; background-position: 0 0; background-size: 100% 100%;}
.h-contact-li .addr{background-image: url(../images/h_ctc_ico1.png);}
.h-contact-li .tel{background-image: url(../images/h_ctc_ico2.png);}
.h-contact-li .fax{background-image: url(../images/h_ctc_ico3.png);}
.h-contact-li .mail{background-image: url(../images/h_ctc_ico4.png);}
.h-contact-li .txt{color: #888;}
#allmap{width: 51%; height: 350px; float: right; border: 1px solid #ccc;}
/*鍦ㄧ嚎鐣欒█*/
.info_mes{overflow: hidden;}
.info_mes .info_mes_l{float: left; width: 50%;}
.info_mes .info_mes_l h3{font-size: 20px;}
.info_mes .info_mes_l span{display: block; margin: 15px 0; color: #666; font-size: 14px;}
.info_mes .info_mes_l form{margin-top: 40px;}
.info_mes .info_mes_l .input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.info_mes .info_mes_l .input-group:after{display: block; content: ''; clear: both;}
.info_mes .info_mes_l .input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.info_mes .info_mes_l .input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.info_mes .info_mes_l .input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #0d66c1; border: 1px solid #0d66c1;}
.info_mes .info_mes_l .input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #0d66c1; border: 1px solid #0d66c1;}
.info_mes .info_mes_l .input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #0d66c1; border: 1px solid #0d66c1;}
.info_mes .info_mes_l .input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none; margin-left: 4px;}
.info_mes .info_mes_l #submit{display: block; clear: both; width: 80px; line-height: 30px; background: #0d66c1; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
.info_mes .info_mes_l #submit:hover{background: #BB0000;}
.info_mes .info_mes_r{float: right; width: 50%;}
.info_mes .info_mes_r img{max-width: 100%; display: block;}
/*qa*/
.qa_right ul li{border-bottom: 1px solid #ccc; padding: 32px 0;}
.qa_right ul li a{display: block;}
.qa_right ul li:hover span{color: #f08200;}
.qa_right ul li:first-child{padding-top: 0;}
.qa_right ul li span{display: block; font-weight: bold; color: #3e3e3e; min-height: 25px; margin-bottom: 19px; background: url("../images/q.png") no-repeat left center; padding-left: 30px;}
.qa_right ul li small{display: block; font-size: 14px; color: #a6a6a6; background: url("../images/a.png") no-repeat left center; padding-left: 30px; min-height: 25px;}
/*瀛愰〉闈ews*/
.inews_items{border-bottom: 1px #e2e2e2 solid; padding-bottom: 40px; margin-bottom: 30px; overflow: hidden;}
.inews_items li{position: relative; width: 380px; float: left; margin: 0 15px 15px 0;}
.inews_items li:first-child{margin-left: 0;}
.inews_items li img{display: block; width: 100%; height: 285px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .bd{height: 418px; overflow: hidden; position: relative;}
.inews_items .bd li{float: left; width: 380px; margin-right: 20px;}
.inews_items .inews_pd .date{position: absolute; top: 0; left: 0; width: 106px; height: 82px; background-color: #0d66c1; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .inews_pd .date span{display: block;}
.inews_items .inews_pd .date .day{font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 15px;}
.inews_items .inews_pd .date .year{font-size: 15px;}
.inews_items ._inews_text ._title{font-size: 18px; font-weight: normal; line-height: 23px; height: 46px; overflow: hidden; margin: 20px 0 0;}
.inews_items ._inews_text ._text{font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden;}
.inews_items .hd{margin-top: 50px;}
.inews_items .hd ul{font-size: 0; text-align: center;}
.inews_items .hd li{display: inline-block; border: 1px #707070 solid; width: 9px; height: 9px; line-height: 99; overflow: hidden; margin: 0 4px; border-radius: 50%; cursor: pointer; *display: inline; *zoom: 1;}
.inews_items .hd li.on{border-color: #f08200; background-color: #f08200;}
.inews_items .inews_pd a{display: block; overflow: hidden;}
.inews_items li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inews_items li:hover ._title{color: #0d66c1;}
.inews_items li:hover .inews_pd .date{background: #f08200;}
.l{float: left;}
.news_bottom li{padding: 25px 0 30px; border-bottom: 1px dashed #ccc; overflow: hidden; *zoom: 1; width: 100%;}
.news_bottom li .data{font-family: Arial; border: 1px #ccc solid; width: 55px; margin-right: 2%;}
.news_bottom li .data span{display: block; text-align: center;}
.news_bottom li .data .day{font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff;}
.news_bottom li .data .month{font-size: 0.77em; color: #565656;}
.news_bottom ._img{float: left; width: 15%; margin-right: 2%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._img img{height: 100%;}
.news_bottom ._t{font-size: 18px; margin-bottom: 5px; color: #555; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._p a{line-height: 23px; height: 46px; overflow: hidden; color: #999; font-size: 14px;}
.news_bottom ._i{overflow: hidden; *zoom: 1; margin-top: 25px;}
.news_bottom ._i span,
.news_bottom ._i a{float: left; line-height: 26px; padding: 0 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._more{background: #f08200; color: #fff; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._date{background: #ededed; color: #999; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom li:hover ._t{color: #0d66c1;}
.news_bottom li:hover span{color: #0d66c1;}
.news_bottom li:hover ._i ._more{background-color: #0d66c1;}
.news_bottom li:hover .data{border-color: #0d66c1;}
.news_bottom li:hover .data .day{background-color: #0d66c1;}
/*news_content*/
.news_info_con{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 20px;}
.news_info_con ._title{float: left; font-size: 25px; font-weight: 400;}
.news_info_con .news_time{float: right; font-size: 14px; color: #666; margin-top: 12px;}
.news_info_con .news_time span{padding-left: 20px; margin-left: 20px;}
.news_info_con .news_time span:nth-of-type(1){background: url("../images/time.png") no-repeat left center;}
.news_info_con .news_time span:nth-of-type(2){background: url("../images/click.png") no-repeat left center;}
/*鍦ㄧ嚎瀹㈡湇*/
.suspension{position: fixed; z-index: 101; right: 0; bottom: 85px; width: 70px; height: 240px;}
.suspension-box{position: relative; float: right;}
.suspension .a{display: block; width: 44px; height: 44px; background-color: #0d66c1; margin-bottom: 4px; cursor: pointer; outline: none;}
.suspension .a.active,
.suspension .a:hover{background: #F05352;}
.suspension .a .i{float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat;}
.suspension .a-service .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0;}
.suspension .a-service-phone .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0;}
.suspension .a-qrcode .i{background-position: -44px 0;}
.suspension .a-cart .i{background-position: -88px 0;}
.suspension .a-top .i{background-position: -132px 0;}
.suspension .a-top{background: #D2D3D6; display: none;}
.suspension .a-top:hover{background: #c0c1c3;}
.suspension .d{display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px;}
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 34px;}
.suspension .d-qrcode{top: 78px;}
.suspension .d .inner-box{padding: 8px 22px 12px;}
.suspension .d-service-item{border-bottom: 1px solid #eee; padding: 14px 0;}
.suspension .d-service .d-service-item{border-bottom: none;}
.suspension .d-service-item .circle{width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left;}
.suspension .d-service-item .i-qq{width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden;}
.suspension .d-service-item:hover .i-qq{background-position: center 3px;}
.suspension .d-service-item .i-tel{width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block;}
.suspension .d-service-item h3{float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text{float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text .number{font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
.suspension .d-service-intro{padding-top: 10px;}
.suspension .d-service-intro p{float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888;}
.suspension .d-service-intro i{background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block;}
.suspension .d-qrcode{text-align: center;}
.suspension .d-qrcode .inner-box{padding: 20px 0;}
.suspension .d-qrcode p{font-size: 16px; color: #93959c;}
/*浜у搧鍒嗙被*/
.info_pro_list{padding: 25px; background: #fff; margin-top: 30px; overflow: hidden;}
.info_pro_list .pro-list{width: 1250px;}
.info_pro_list .pro-list li{width: 270px;}
.info_pro_type{overflow: hidden; background: #fff; padding: 25px;}
.info_pro_type li{width: 16.666%; float: left; background: #fff; line-height: 40px; height: 40px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px; margin-top: -1px; text-align: center; font-size: 14px;}
.info_pro_type li a{display: block; color: #777; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.info_pro_type li a:hover{color: #fff; background: #0d66c1;}
/*鑻卞▉鑵�*/
.ywt{background: #f7f7f7; padding: 0 0 60px 0;}
.ywt .swiper-container-product{position: relative; padding-bottom: 28px; overflow: hidden;}
/*鎮诞绐�*/
#roll{position: fixed; left: 0; top: 0; z-index: 100000;}
#roll b{position: absolute; right: 0; top: 0; width: 25px; height: 25px; border: 1px solid #e5692c; background: #e5692c; cursor: pointer;}
#roll b i{color: #fff; font-size: 12px; top: 6px; position: absolute; left: 7px;}


.ywt_type {margin-bottom: 30px;text-align: center;}
.ywt_type a {display: inline-block;width: 152px;line-height: 40px;margin: 0 10px;background: #fff;border: 1px solid #ccc;transition: 300ms;-webkit-transition: 300ms;}
.ywt_type a:hover {background: #E5692C;color: #fff;}